// 后台通用样式
.Admin,
.ModalTitle {
	&.BaDaItemTitle {
		.ant-modal-header {
			background: #003e98;
		}
	}

	.ant-modal-close {
		width: 44px;
		height: 44px;
		top: 0;
		right: 0;
	}

	.ant-modal-close-x {
		font-size: 20px;
		font-weight: bold;
		border-radius: 0 0 0 5px;
	}

	.ant-modal-content {
		padding: 0;

		& > .ant-modal-body {
			max-height: 90vh;
			overflow-y: scroll;
			display: flex;
			align-items: center;
			justify-content: flex-start;
			position: relative;
			padding: 16px;

			&::-webkit-scrollbar {
				display: none;
			}

			& > .confirm {
				width: 100%;
				height: 200px;
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: column;

				& > .delete {
					& > div:nth-child(1) {
						font-size: 52px;
						font-family: YouSheBiaoTiHei;
						font-weight: 400;
					}

					& > div:nth-child(2) {
						font-size: 24px;
						font-family: Microsoft YaHei;
						font-weight: bold;
					}

					& > div:nth-child(3) {
						width: 100%;
						padding: 15px 0;
						display: flex;
						align-items: center;
						justify-content: space-evenly;
					}
				}
			}
		}
	}

	.SplitScreen {
		.LeftList {
			.ant-pro-table-list-toolbar-container {
				justify-content: flex-start;
			}
		}

		.ant-table-body::-webkit-scrollbar {
			display: none;
		}

		.RightList {
			font-size: 15px;
			overflow-y: scroll;
			position: relative;

			&::-webkit-scrollbar {
				display: none;
			}

			& > div {
				padding: 0 15px;
				display: flex;
				align-items: center;
				justify-content: space-between;
				min-height: 40px;
				color: #262626;

				& > div:first-child {
					width: 180px;
				}

				&:hover {
					color: #1890ff;
					background: #f8f8f8;
				}

				&.Submit {
					display: flex;
					align-items: center;
					justify-content: center;
				}

				&.valueType {
					display: flex;
					align-items: flex-start;
					flex-direction: column;

					& > div:first-child {
						height: 40px;
						line-height: 40px;
					}

					& > div:last-child {
						width: 100%;
						padding-left: 40px;

						& > div {
							height: 40px;
						}
					}

					.Input {
						width: 100%;
						display: flex;
						align-items: center;
						justify-content: space-between;

						& > div:first-child {
							width: 200px;
						}

						&:hover {
							background: #f0f0f0;
						}

						.ant-select {
							width: 200px;
						}
					}
				}
			}
		}
	}

	.ant-modal-header,
	.ant-drawer-header {
		background: #003e98;

		& > .ant-modal-title,
		.ant-drawer-title {
			color: white;
			font-size: 16px;
			line-height: 44px;
			font-family: "微软雅黑";
			font-weight: 500;
			text-indent: 13px;
			position: relative;

			// &.ant-modal-title::after {
			// 	position: absolute;
			// 	content: "";
			// 	left: 5px;
			// 	top: 0;
			// 	width: 3px;
			// 	height: 100%;
			// 	background: white;
			// }
		}
	}

	.ant-modal-close,
	.ant-drawer-close {
		color: white;
	}

	.ant-spin-nested-loading {
		width: 100%;
		height: 100%;
	}

	.FormModal {
		height: 100%;
		overflow-y: scroll;

		&::-webkit-scrollbar {
			display: none;
		}
	}

	.LORList {
		height: 100%;
		user-select: none;

		.Left {
			.ant-pro-card-body {
				padding: 0;
			}
		}

		.details {
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;

			& > .options {
				height: 47px;
			}

			.detailsProTable {
				width: 100%;
				overflow: hidden;

				.ant-card-body {
					padding: 0;
				}
			}

			.detailsTabs {
				width: 100%;
				flex: 1;

				.ant-tabs-content {
					height: 100%;

					.ant-tabs-tabpane {
						height: 100%;

						.ChartsBox {
							width: 100%;
							height: 100%;

							& > .ChartsBoxList {
								display: flex;
								height: 100%;
								justify-content: space-between;

								& > div {
									display: flex;
									flex-direction: column;
									justify-content: space-between;
								}
							}
						}

						.monitorBox {
							width: 100%;
							height: 600px;
							overflow-x: scroll;

							.ant-spin-nested-loading {
								height: 100%;

								.ant-spin-container {
									height: 100%;
								}
							}

							.monitorScroll {
								display: flex;
								align-items: center;
								justify-content: center;
								height: 100%;

								& > .monitorItem {
									flex: 1;
									margin-right: 15px;
									height: 100%;

									&:last-child {
										margin-right: none;
									}
								}
							}
						}
					}
				}
			}
		}
	}

	.OpenExcel {
		width: 100%;
		height: 80vh;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;

		& > .Excel {
			width: 100%;
			height: calc(80vh - 50px);
		}

		& > .options {
			flex: 1;
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;

			& > button {
				width: 150px;
				margin: 0 15px;
			}
		}
	}

	.MapBox {
		position: relative;
		width: 100%;
		height: 100%;
		overflow: hidden;

		.cesium-viewer-toolbar {
			top: 16px;
		}

		& > .SaveAddress {
			position: absolute;
			left: 0;
			right: 0;
			bottom: 16px;
			z-index: 1;
			display: flex;
			align-items: center;
			justify-content: center;
		}
	}

	.LabHandleModal {
		width: 100%;
		display: flex;
		align-items: flex-start;
		justify-content: center;
		flex-direction: column;

		& > .From {
			width: 100%;
			display: flex;
			align-items: flex-start;
			justify-content: flex-start;
			line-height: 40px;
			margin-bottom: 16px;

			& > div:first-child {
				width: 150px;
				display: flex;
				align-items: center;
				justify-content: flex-end;
				margin-right: 16px;
				color: #262626;
				font-size: 16px;
				font-family: "微软雅黑";
				font-weight: 500;
				text-indent: 13px;
			}

			& > div:last-child {
				flex: 1;
			}
		}

		& > .Btn {
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
		}
	}

	.LabReboundHammerModal {
		width: 100%;

		& > .Title {
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: center;

			& > div {
				box-sizing: border-box;
				border: 1px solid;
				height: 80px;
				border-right: none;
				display: flex;
				align-items: center;
				justify-content: center;
				text-align: center;
				font-size: 16px;
				font-family: YouSheBiaoTiHei;
				font-weight: 400;
				color: #262626;
				line-height: 16px;

				&:last-child {
					border-right: 1px solid #262626;
				}

				&:nth-child(2) {
					flex-direction: column;

					& > div {
						flex: 1;
						width: 100%;
						display: flex;
						align-items: center;
						justify-content: center;

						&:first-child {
							border-bottom: 1px solid #262626;
						}

						&:last-child {
							width: 100%;

							& > div {
								display: flex;
								align-items: center;
								justify-content: center;
								height: 100%;
								flex: 1;
								border-right: 1px solid #262626;

								&:last-child {
									border: none;
								}
							}
						}
					}
				}
			}
		}

		& > .List {
			width: 100%;
			border: 1px solid;
			border-top: none;
			border-bottom: none;

			& > div {
				display: flex;
				align-items: center;
				justify-content: center;
				height: 40px;
				border-bottom: 1px solid;

				&:nth-child(odd) {
					background: var(--DominantColor_01);
				}

				& > div {
					height: 100%;
					border-right: 1px solid;
					display: flex;
					align-items: center;
					justify-content: center;

					&:nth-child(1) {
						font-size: 16px;
						font-family: YouSheBiaoTiHei;
						font-weight: 400;
						color: #262626;
						line-height: 16px;
					}

					&:last-child {
						border: none;
					}

					&:nth-child(2) {
						display: flex;
						align-items: center;
						justify-content: center;

						& > div {
							height: 100%;
							display: flex;
							align-items: center;
							justify-content: center;
							flex: 1;
							border-right: 1px solid;

							&:last-child {
								border: none;
							}
						}
					}
				}
			}
		}

		& > .tip {
			margin-top: 16px;
			line-height: 16px;
			color: #333;
			font-size: 14px;
			font-family: YouSheBiaoTiHei;
		}
	}

	.ProjectFileMenuModal {
		height: 80vh;
		width: 100%;
		overflow-y: scroll;
		position: relative;
		padding-bottom: 50px;

		&::-webkit-scrollbar {
			display: none;
		}

		.NumberInput {
			display: flex;
			align-items: center;
			justify-content: center;

			& > div:first-child {
				width: 640px;
			}
		}
	}

	.SubmitBtn {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		padding: 8px 0;
		background: white;
		display: flex;
		align-items: center;
		justify-content: center;
		box-shadow: 0 0 5px #262626;
	}

	.SeeLabVideoModalBox {
		width: 100%;
		height: 600px;
		overflow-x: scroll;
		overflow-y: hidden;

		& > .SeeLabVideoModalScroll {
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: center;

			& > div {
				width: 100%;
				height: 100%;
				margin: 0 15px;
			}
		}

		& > .SeeLabVideoModalResult {
			width: 100%;
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
		}
	}

	.CameraVideoDrawer {
		width: 100%;
		height: 100%;
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;

		& > form {
			width: 100%;
			flex: 1;

			.ant-form-item-label {
				width: 120px;
			}

			.Options {
				display: flex;
				align-items: baseline;
				justify-content: center;

				& > button {
					margin: 16px;
				}
			}
		}
	}

	.ProjectBuildingPaymentStatModal {
		width: 100%;

		.ant-spin-nested-loading {
			max-height: 60vh;
			overflow-y: scroll;
		}

		.Header {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding-right: 8px;

			& > div {
				display: flex;
				align-items: center;
				justify-content: center;

				&:last-child {
					& > div {
						width: 150px;
						margin: 0 8px;
					}
				}
			}
		}

		.Title {
			flex: 1;
		}

		.Type {
			width: 160px;
		}

		.Input {
			display: flex;

			& > div {
				width: 150px;
				margin: 0 8px;
			}
		}

		.Submit {
			width: 100%;
			margin: 8px 0;
			display: flex;
			align-items: center;
			justify-content: center;
		}
	}

	.CommonExamine {
		width: 100%;
		height: 200px;

		& > div:first-child {
			width: 100%;
			height: 160px;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;

			& > div:first-child {
				font-size: 52px;
				font-family: ShuHeiTi;
				font-weight: bold;
				color: #262626;
			}

			& > div:last-child {
				font-size: 20px;
				font-family: ShuHeiTi;
				font-weight: bold;
				color: #262626;
			}
		}

		& > div:last-child {
			width: 100%;
			height: 40px;
			display: flex;
			align-items: center;
			justify-content: space-evenly;
		}
	}
}

.TwoModal {
	.ant-modal-content {
		& > .ant-modal-body {
			flex-direction: column;

			& > .PageHeader {
				& > .ant-page-header {
					padding: 0;

					& > .ant-page-header-content {
						padding: 0;

						.ant-descriptions-item-label {
							width: 160px;
							overflow: hidden;
							white-space: nowrap;
							text-overflow: ellipsis;
							text-align: right;
							justify-content: flex-end;
						}
					}
				}
			}

			.FieldConfiguration {
				width: 100%;

				& > .options {
					width: 100%;
					display: flex;
					align-items: center;
					justify-content: flex-end;

					& > button {
						margin: 8px;
					}
				}
			}
		}
	}

	.ProTable {
		width: 100%;
	}

	.RolesTreeModal {
		position: relative;
		display: flex;
		align-items: flex-start;
		justify-content: center;
		width: 100%;
		height: 100%;
		overflow-y: scroll;

		& > .ant-tree {
			width: 50%;
			margin-bottom: 50px;
		}
	}

	.DrawMap {
		width: 100%;
		height: 80vh;
		overflow: hidden;
		position: relative;

		& > .Map {
			position: absolute;
			left: 0;
			top: 0;
			z-index: 1;
			width: 100%;
			height: calc(100% + 30px);
		}

		& > .BaseDrawIngSwitch {
			position: absolute;
			left: 0;
			top: 0;
			z-index: 2;
			height: 50px;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 5px 15px;
			background: rgba(0, 0, 0, 0.35);
			border-radius: 0 0 15px 0;

			& > div:first-child {
				margin-right: 15px;
				font-size: 24px;
				font-family: YouSheBiaoTiHei;
				color: #ffffff;
				line-height: 31px;
				text-shadow: 1px 1px 2px #262626, -1px -1px 2px #262626;
			}
		}

		& > .Options {
			position: absolute;
			right: 0;
			bottom: 0;
			height: 50px;
			z-index: 2;
			background: rgba(0, 0, 0, 0.35);
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 0 15px;
			border-radius: 15px 0 0 0;
		}

		& > .Parameter {
			position: absolute;
			top: 40px;
			right: 8px;
			bottom: 8px;
			width: 350px;
			z-index: 2;
			padding: 8px;
			border-radius: 8px;
			box-shadow: 0 0 2px #f8f8f8;
			background: rgba(0, 0, 0, 0.35);
		}
	}

	.Article {
		height: 80vh;
		background: #f8f8f8;
		overflow-y: scroll;

		& > div {
			width: 100%;

			& > div:first-child {
				width: 100%;

				& > div {
					display: flex;
					align-items: center;
					justify-content: center;

					&:first-child {
						font-size: 36px;
						font-family: YouSheBiaoTiHei;
						font-weight: 400;
						color: #262626;
					}

					&:last-child {
						font-size: 18px;
						font-family: YouSheBiaoTiHei;
						font-weight: 400;
						color: #aaaaaa;
					}
				}
			}
		}
	}

	.IframeBox {
		height: 80vh;
		display: block;
	}

	.InspectionDetailsBox {
		height: 80vh;
		overflow: hidden;
		padding: 16px;
	}
}

.appendix {
	.ant-modal-body {
		padding: 0;
		overflow: hidden !important;

		.Enclosure {
			width: 80vw;
			height: 70vh;

			& > img {
				width: 100%;
				height: 100%;
				display: block;
				object-fit: contain;
			}

			& > embed {
				width: 100%;
				height: 100%;
			}

			.video-react-video {
				width: 100%;
				height: 100%;
				object-fit: fill;
			}
		}

		& > .codeBox {
			width: 100%;
			padding: 15px 0;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;

			& > div {
				padding-top: 10px;
				width: 100%;
				display: flex;
				align-items: center;
				justify-content: space-evenly;
			}
		}

		& > .QRCode {
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;

			& > #qrCode {
				position: absolute;
				left: -100vw;
			}

			& > #drawing {
				padding: 16px;
			}
		}
	}
}

.ForgePlanBox {
	width: 100%;
	height: 70vh;
	background: var(--DominantColor_03);
	border-radius: 8px;
	padding: 16px;
	display: flex;
	align-items: center;
	justify-content: center;

	.ant-tree-show-line,
	.ant-tree-switcher {
		background: transparent;
	}

	.ant-tree-switcher-leaf-line::after,
	.ant-tree-switcher-leaf-line::before,
	.ant-tree-show-line .ant-tree-indent-unit::before {
		border-color: #262626;
	}

	& > div {
		height: 100%;

		&.ForgeData {
			width: 320px;
			margin-right: 16px;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;

			& > .ant-select {
				width: 100%;
				margin-bottom: 8px;
			}

			& > .ForgeTree {
				flex: 1;
				width: 100%;
				overflow: hidden;
				display: flex;
				align-items: flex-start;
				justify-content: center;
				border-radius: 5px;
				border: 1px solid;
				padding: 8px;

				& > .TreeLoading {
					width: 100%;
					height: 100%;
					display: flex;
					align-items: center;
					justify-content: center;
				}

				& > .TreeBox {
					width: 100%;
					background: transparent;
				}
			}

			& > .finishDelTime {
				width: 100%;
				margin-bottom: 8px;
			}
		}

		&.ForgeModalBox {
			flex: 1;
			background: rgba(0, 0, 0, 0.35);
			position: relative;

			& > .adsk-viewing-viewer {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				z-index: 1;
			}

			& > .react-draggable {
				position: relative;
				z-index: 2;
				width: 240px;
				height: 600px;
				background: rgba(0, 0, 0, 0.75);
				color: white;
				border-radius: 5px;
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: column;

				.handler {
					width: 100%;
					display: flex;
					align-items: center;
					justify-content: center;
					height: 40px;
					cursor: grab;
					border-bottom: 1px solid #f8f8f8;
				}

				.dataBox {
					padding: 8px 16px;
					width: 100%;
					height: 540px;

					.ant-spin-container {
						width: 100%;
						height: 524px;
						display: flex;
						align-items: center;
						justify-content: center;
						flex-direction: column;
						overflow: hidden;

						& > .all {
							width: 100%;
							height: 32px;
							display: flex;
							align-items: baseline;
							justify-content: flex-start;

							.ant-checkbox-wrapper,
							.ant-btn-link {
								color: white;
								user-select: none;
							}
						}

						& > .check {
							width: 100%;
							flex: 1;
							overflow-y: scroll;
							overflow-x: hidden;

							& > .box {
								& > .ant-checkbox-group {
									display: flex;
									align-items: flex-start;
									justify-content: flex-start;
									flex-direction: column;

									& > label {
										user-select: none;
										color: white;
									}
								}
							}
						}

						& > .submit {
							width: 100%;
							height: 32px;
							display: flex;
							align-items: center;
							justify-content: center;
							user-select: none;
						}
					}
				}
			}
		}
	}
}
